<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>管理员界面</title>
    <link rel="shortcut icon" href="../img/favicon.ico" />

    <link rel="stylesheet" href="../css/layui/css/layui.css">
    <script src="../css/layui/layui.js"></script>
    <script src="../js/layer/layer.js"></script>
    <script src="../js/JQuery/jquery-3.6.0.js"></script>

    <link rel="stylesheet" href="../css/adminInterface.css">
    <script src="../js/adminInterface.js"></script>
</head>
<body>
    <nav>
        <div class="nav_div">
            <ul class="layui-nav" id="nav_ul">
                <li class="layui-nav-item">
                    <img class="mld_img" src="../img/mld.png">
                </li>

                <li class="layui-nav-item " lay-unselect="">
                    <a href="javascript:;"><img src="" class="layui-nav-img" id="userPortrait"></a>
                    <dl class="layui-nav-child">
                        <!-- <dd><a href="javascript:;"><i class="layui-icon layui-icon-user"></i><span class="toolbox_text">账号信息</span></a></dd> -->
                        <hr class="hr">
                        <dd style="text-align: center;">
                            <a href="/logoutServlet">
                                <i class="layui-icon layui-icon-logout"></i><span class="toolbox_text">退出登录</span>
                            </a>
                        </dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-this" id="nav_1">
                    <a href="javascript:;">员工基础信息</a>
                </li>

                <li class="layui-nav-item" id="nav_2">
                    <a href="javascript:;">员工调动</a>
                </li>

                <li class="layui-nav-item" id="nav_3">
                    <a href="javascript:;">工资录入</a>
                </li>

                <li class="layui-nav-item" id="nav_4">
                    <a href="javascript:;"></a>
                </li>

            </ul>
        </div>
    </nav>

    <main>
        <div class="main_div">
            <div class="main_content" id="main_content">
                <ul>
                    <!-- 员工信息查询 -->
                    <li class="content1_li" id="content1_li">
                        <div class="content1_div layui-anim layui-anim-scale">
                            <form class="layui-form" action="" id="content1_form">
                                <div class="input_div">
                                    <!-- 查询方式 -->
                                    <div class="layui-inline">
                                        <select name="queryWay" lay-filter="content1_select" lay-verify="required" id="query_way">
                                            <option value="all">查询所有员工信息</option>
                                            <option value="accordance_employno">按工号查询</option>
                                            <option value="accordance_departmentno">按部门号查询</option>
                                            <option value="accordance_groupno">按小组号查询</option>
                                        </select>
                                    </div>
                                    <!-- 数据输入 -->
                                    <div class="layui-input-inline content1_div_input">
                                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" id="content1_input">
                                    </div>

                                    <button class="layui-btn layui-btn-normal interval" id="button_query" type="button">开始查询</button>
                                </div>
                            </form>
                            <!-- 数据展示 -->
                            <div class="query_result_table_div">
                                <table class="layui-hide" id="content1_table_inform" lay-filter="content1_result_table"></table>
                            </div>
                        </div>
                    </li>

                    <!-- 人员调动 -->
                    <li class="content2_li" id="content2_li">
                        <div class="employees_mobilize_div layui-inline layui-anim layui-anim-scale">
                            <div class="content2_select_div">
                                <div class="layui-form layui-inline content2_select1">
                                    <select name="" lay-verify="required" lay-filter="shuttle_box1_" lay-search id="shuttle_box1" >
                                        <option value="还未选择小组">空空如也</option>
                                    </select>  
                                </div>
                                <div class="layui-form layui-inline content2_select2">
                                    <select name="" lay-verify="required" lay-filter="shuttle_box2_" lay-search id="shuttle_box2">
                                        <option value="还未选择小组">空空如也</option>
                                    </select>  
                                </div>
                            </div>
                            <!-- 数据展示 -->
                            <div id="employees_mobilize"></div>
                            <div></div>
                        </div>
                    </li>

                    <!-- 工资录入 -->
                    <li class="content3_li" id="content3_li">
                        <div style="height: 700px;" id="placeholder_div"></div>
                        <div class="content3_div layui-input-inline layui-anim layui-anim-scalesmall">
                            <!-- 人员信息输入 -->
                            <div class="layui-input-inline personal_input_div">
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">工号</label>
                                    <div class="layui-form layui-input-inline">
                                        <select name="city" lay-verify="" lay-filter="content3_select_filter" lay-search id="content3_select">
                                            <option value="">请输入工号</option>
                                        </select>
                                    </div>
                                </div>
                                <br>
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">姓名</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input" id="content3_ename">
                                    </div>
                                </div>
                            </div>
                            <br>

                            <!-- 工资输入 -->
                            <div class="layui-input-inline">
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">基本工资</label>
                                    <div class="layui-input-block">
                                      <input type="text" id="base_salary" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
    
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">在职天数</label>
                                    <div class="layui-input-block">
                                      <input type="text" id="working_time" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <br>
                                
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">奖金</label>
                                    <div class="layui-input-block">
                                      <input type="text" id="bonus" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
    
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">职务补贴</label>
                                    <div class="layui-input-block">
                                      <input type="text" id="subsidies" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <br>
    
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">加班补贴</label>
                                    <div class="layui-input-block">
                                      <input type="text" id="overtime_salary" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
    
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">迟到、请假</label>
                                    <div class="layui-input-block">
                                      <input type="text" id="leave_late" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <br>
    
                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">缴税</label>
                                    <div class="layui-input-block">
                                      <input type="text" id="tax" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-form-item layui-input-inline">
                                    <label class="layui-form-label">日期</label>
                                    <div class="layui-input-block">
                                      <input type="text" id="payoff_time" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <br>

                                <!-- 录入工资按钮 -->
                                <div class="layui-input-inline entry_button_div">
                                    <button class="layui-btn layui-btn-normal" id="entry_button">录入工资</button>
                                </div>

                            </div>
                        </div>

                    </li>
                </ul>
            </div>
        </div>
    </main>


</body>
</html>